<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>关于我们</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		
		<link rel="stylesheet" href="../css/mui.min.css">
		<script src="../js/flexible.js" type="text/javascript" charset="utf-8"></script>
		<style>
			html,
			body {
				background-color: #f6f6f6;min-height: 100vh;font-size: 0.373rem;
			}
			ul, ol { list-style:none; } 
			body input[type='text'],ul,li{padding: 0;margin: 0;}
			.clear{clear:both;height:0;font-size:0;line-height:0;visibility:hidden; overflow:hidden;}
			/*顶部*/
			.my_top {
				height: 4.57rem;background: url(../images/my_bg.png) no-repeat;background-size: 100% 100%;
			}
			.my_topz{padding: 1.16rem 0.493rem 0 ;display: flex;}
			.my_top_tx{
				background: url(../images/my_txbg.png) no-repeat;background-size: 100% 100%;width: 1.933rem;height: 1.933rem;    display: flex;
    align-items: center; justify-content: center;}
			.my_top_zi{padding-left: 0.466rem;}
			.my_top_tx img{height: 1.53rem;width: 1.53rem;border-radius: 50%;}
		   	.my_login{
		   		width: 2.053rem;height: 0.533rem;
		   	} 
		   	.my_login img{
		   		width: 100%;height: 100%;
		   	}   
		   	.my_top_name h3{
		   		color: #fff;line-height: 0.9rem;font-size: 0.459rem;
		   	}  	
		   	.my_top_nameh3{
		   		display: flex;display: flex;align-items: center;justify-content: center;
		   	}
		   	.my_top_nameh3 img{
		   		height: 0.453rem;width: 0.453rem;margin-left: 0.4rem;
		   	}
		   	.my_lie{
		   		padding:0.253rem 0;
		   	}
		   	.my_lie_li{display: flex; background: #fff;padding:0.44rem 0.386rem;justify-content: space-between;line-height: 0.666rem;border-bottom: 1px solid #e2e2e2;}
			.my_lie_li h4{font-size: 0.373rem;line-height: 0.666rem;margin: 0;}
			.my_li_left{display: flex;}
    		.my_li_right{display: flex;justify-content: center;align-items: center;}
    		.my_li_right i{background: url(../images/my_01.png) no-repeat;background-size: 100% 100%;height: 0.306rem;
    width:0.186rem;    			
    		}
    		.my_li_right .phone{background: url(../images/my_phone.png) no-repeat;background-size: 100% 100%;height: 0.4rem;width: 0.4rem;}
    		.my_li_right h4{
    			color: #888888;padding-right: 0.36rem;
    		}
    		.my_li_left h4{
    			color: #353535;
    		}
    		.my_content{
    			background: #f6f6f6;
    		}
    		.my_li_right span{color: #888888;padding-right: 0.2rem;}
    		.my_li_right .deng{color: #353535}
    		.my_li_right a{display: flex;align-items: center;}
		</style>
	</head>


	<body>
		<!--顶部-->
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">关于我们</h1>
		</header>
		<div class="my_content mui-content" id="app">
			<div class="my_lie">
				<ul>
					<li class="my_lie_li" data-href="open_test"  >
						<div class="my_li_left my_li_left1">
							<h4>当前版本</h4>
						</div>
						<div class="my_li_right" >
							<span class="deng">智慧社区1.0</span>
							<i></i>							
						</div>
					</li>
					<li class="my_lie_li" data-href="my_introduction.html">
						<div class="my_li_left my_li_left1">
							<h4>简单介绍</h4>
						</div>
						<div class="my_li_right">
							<i></i>
							
						</div>
					</li>
					<li class="my_lie_li">
						<div class="my_li_left my_li_left3">
							<h4>官方客服</h4>
						</div>
						<div class="my_li_right" id="telephone">
							<span>{{phone}}</span>
							<i class="phone"></i>
						</div>
					</li>
					<li class="my_lie_li">
						<div class="my_li_left my_li_left4">
							<h4>官网信息</h4>
						</div>
						<div class="my_li_right">
							<span>shequ.sxbctv.com</span>
							<i></i>
						</div>
					</li>
				</ul>

			</div>
		</div>
		<script src="../js/mui.min.js"></script>
		<script src="../js/js.js"></script>
		<script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>
		<script>
			
			var open_num = 0;
			window.open_test=function(){
				open_num++;
				console.log(open_num)
				if(open_num>=10){
					mui.openWindow("test_model.html")
				}
			}
            var vue = new Vue({
                el: '#app',
                data: {
                    phone:''
                },
            })
            mui.get(url + "api/User/jianjie", {}, function (data) {
                console.log(data.phone)
				vue.phone = data.phone
            }, 'json');
//			拨打电话
			document.getElementById("telephone").addEventListener('tap',function(){
				var btnArray=['拨打','取消'];
				var phone= vue.phone;
				mui.confirm('是否拨打'+phone+'?','提示',btnArray,function(e){
					if(e.index == 0){
						plus.device.dial(phone,false);
					}
				});
			});
			
			
			//自定义跳转
			mui('.mui-content').on('tap', 'li', function() {
				var href = this.getAttribute('data-href');
				if (href == null || href == '') {
					return false;
				}else{
					if(href=="open_test"){
						window.open_test()
						return
					}
					mui.openWindow(href, href)
				}
			})
		</script>
	</body>

</html>